<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>摄影位置 详情页</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/sheying/sheying_detail.js"></script>
        <style>
            .ui-slider-content li span{
                width:100%;
                margin-left: 0;
            }
        </style>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>摄影详情</h1>
            <i class="ui-icons-more" id="m_add"></i>
        </header>
        <!-- 下拉 -->
        <div class="w_cebiaoti">
            <div class="w_bga">
                <ul>
                    <li class="w_shac" onclick=""><a><img src="img/shoucang.png"><i class="sc">收藏</i></a></li>
                    <li class="w_fxx"><a><img src="img/fenxiang.png"><i>分享</i></a></li>
                    <li><a href="jubao.html"id="jubao"><img src="img/jubao.png"><i>举报</i></a></li>
                    <li class="w_none"><b><img src="img/m_top.png"></b></li>
                </ul>           
            </div>
        </div> 
        <div class="w_cs">
            <div id="divbox" class="w_ysha">已收藏</div> 
        </div>
        <div class="w_fxaa">
            <div class="w_fengx"></div>
            <div class="w_fxbox">
                <a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
            //下拉
            $("#m_add").click(function(){
                $(".w_cebiaoti").slideToggle();
            });
            //消失
            function codefans(){ 
            var box=document.getElementById("divbox"); 
            box.style.display="none"; 
            } 
            setTimeout("codefans()",3000);//3秒          
            Zepto(".w_cs").tap(function(){
                Zepto(".w_ysha").hide();
            });
            //收藏显示
//            Zepto(".w_shac").tap(function(){
//                Zepto(".w_ysha").show();
//            });
//            Zepto(".w_shac").tap(function(){
//                Zepto(".w_shac").hide();
//            });
            //分享
            Zepto(".w_fxx").tap(function(){
                //Zepto(".w_fxaa").show();
                shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
            //Zepto(".w_fengx").tap(function(){
                //Zepto(".w_fxaa").hide();
           // });
        </script> 
        <section class="ui-container mb50">
            <div class="demo-block">
                <div class="ui-slider">
                    <ul class="ui-slider-content" style="width: 300%">
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                    </ul>
                </div>
            </div>
            <script class="demo-script">
            (function (){
                var slider = new fz.Scroll('.ui-slider', {
                    role: 'slider',
                    indicator: true,
                    autoplay: true,
                    interval: 3000
                });
                slider.on('beforeScrollStart', function(fromIndex, toIndex) {});
                slider.on('scrollEnd', function(cruPage) {});
            })();
            </script>
            <div class="ui-store-list">
                <div class="info_detail">
                <script type="text/juicer" id="sheying_tpl">
                <div class="ui-form ui-form-display">
                    <div class="ui-form-item ui-border-b h25">
                        <label for="#">${cameraName}</label><span class="text-right ui-txt-muted">
                        <i class="icons-lbs"></i>距离${distance}KM
                    </span>
                    </div>
                    <div class="ui-form-item ui-border-b ui-form-item-link h25 ui-txt-highlight">
                        <a href="sheying_allpingjia.html?cameraId=${cameraId}"><span class="ui-star ui-star-${star}"></span> ${star}分<span class="text-right">${commentSize}人评价</span></a>
                    </div>
                    <div class="ui-form-item ui-border-b ui-form-item-link h25">
                        <i class="icons-position"></i>${lnglat}
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">开放时间</span></label>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-border-b">
                        时间：${openingTime}
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">价格</span></label>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-border-b">
                        价格：${price}
                    </div>
                </div>
                <div class="ui-form ui-form-display ui-border-t mt10">
                    <div class="ui-form-item ui-form-item-show ui-border-b h25">
                        <label for="#"><span class="ui-txt-muted">酒店介绍</span></label>
                    </div>
                    <div class="ui-form-item ui-form-item-show ui-form-list-dot ui-border-b fz12">
                    ${spotsDesc}
                    </div>
                </div>
                </script>
                </div>
                <div class="ui-comment-list pt10">
                    <ul id="ui-comment-list"></ul>
                    <div class="ui-comment-more ui-border-b h25 fz14 text-align-center">
                        <a href="" id="all_pj">查看全部评价</a>
                    </div>
                </div>
            </div>
        </section>
        <!--<div class="bottom-contact">-->
            <!--<ul class=" clearfix">-->
                <!--<a href="xiedianping.html" id="aaaa"><li class="bottom-contact-chat"><i class="icons-chat"></i>写点评</li></a>-->
                <!--<a href="" id="telenum"><li class="bottom-contact-tel"><i class="icons-tel"></i>电话咨询</li></a>-->
            <!--</ul>-->
        <!--</div>-->
    </body>
</html>
